$(function () {

    // 获取地址栏传过来的数据
    let key = decodeURI(location.search.split('=')[1])

    // 填充当前页面的搜索框
    $('.search_input').val(key)


    // 获取值进行传递给后台
    let obj = {
        proName: key,
        page: 1,
        pageSize: 66
    }

    // 渲染封装
    function arrly() {
        $.ajax({
            // 请求类型
            type: "get",
            // 请求地址
            url: "/product/queryProduct",
            // 请求数据
            data: obj,
            // 返回的数据  'text', 'xml', 'json', 'script'
            dataType: "json",
            success: function (res) {
                // 使用模板
                let srt = template('tmp',res)
                $('.lt_product').html(srt)
            }
        })
    }
    arrly()

    // 点击当前页的搜索也可以进行搜索功能
    $('.search_btn').click(function () {
        // 获取输入框的值
        let text = $('.search_input').val()

        console.log(text);
        // 判断是否已经输入关键字了
        if (text.trim().length == 0){
            mui.toast('请先输入关键字...')
            return
        }
        // 重新赋值
        obj.proName = text
        // 渲染
        arrly()
    })

})